<template>
	<view class="container">
		<!--头部start-->
		<view class="header">
			<u-status-bar></u-status-bar>
			<view class="index_header">
				<text :class="navIndex==0?'on':''" @click="checkIndex(0)">团队</text>
				<text :class="navIndex==1?'on':''" @click="checkIndex(1)">邀请返佣</text>
				<text :class="navIndex==2?'on':''" @click="checkIndex(2)">提醒</text>
				<image src="/static/images/img_30.png" mode="widthFix" class="p_img"></image>
			</view>
		</view>
		<u-status-bar></u-status-bar>
		<!--头部end-->
			<!--团队start-->
			<view v-show="navIndex==0">
				<indxeteam></indxeteam>
			</view>
			<!--团队end-->
			
			<!--邀请返佣start-->
			<view v-show="navIndex==1">
				<resigerForm></resigerForm>
			</view>
			<!--邀请返佣end-->
			
			<!--提醒start-->
			<view v-show="navIndex==2">
				<remindForm :height="height"></remindForm>
			</view>
			<!--提醒end-->
		
		
	
	</view>
</template>


<script>
import resigerForm from "../team/invite.vue";
import remindForm from "../team/remind.vue";
import indxeteam from "../team/index_team.vue";
export default{
	components: {
	    /***** mescroll S *****/
	    //注册组件
	    resigerForm,remindForm,indxeteam
	    /***** mescroll E *****/
	},
	data() {
		return {
			navIndex: 0,
			height: '',
			
		}
	},
	onLoad(){
		this.height = uni.getSystemInfoSync().windowHeight - uni.upx2px(105) + 'px';
		console.log(this.height);
	},	
    methods:{
			
			checkIndex(index) {
				console.log(index)
				this.navIndex = index;
			},
			changeName(idx){
				this.tabBarId=idx
			}
		}
	
	}		  
</script>


<style lang="scss">
	@import url("../../common/style.scss");
	@import url("team.scss");
	
</style>